/*common.css*/

/*行弹性布局*/
.row-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/*主题色、文字色*/
.theme-color {
    color: #EB1C24;
}

/*主题背景色、背景色*/
.gradient_bg {
    background-color: #EB1C24;
}
/*主题背景色、渐变背景色*/
.gradient_bg {
    background-image: linear-gradient(to right, #D1060F, #FF3432);
}

/*元素四条边*/
.border {
    border-width: 1px;
    border-style: solid;
    border-color: #B6B8C5;
}

/*元素底边*/
.border-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E8E8E8;
}


/*圆角按钮*/
.large-round-button {
    width: 669px;
    height: 77px;
    border-radius: 38px;
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
}

.middle-round-button {
    width: 319px;
    height: 80px;
    border-radius: 39px;
    font-size: 27px;
    font-weight: 400;
    color: #FFFFFF;
}

.small-round-button {
    width: 147px;
    height: 59px;
    border-radius: 29px;
    font-size: 27px;
    font-weight: 400;
    color: #FFFFFF;
}

/*圆角边框按钮*/
.middle-round-border-button {
    width: 319px;
    height: 80px;
    background-color: #FFFFFF;
    border-radius: 39px;
    font-size: 27px;
    font-weight: 400;
    color: #999999;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}

.small-round-border-button {
    width: 191px;
    height: 59px;
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #E8E8E8;
    border-radius: 29px;
    font-size: 27px;
    font-weight: 400;
    color: #333333;
}


/*直角按钮*/
.large-orth-button {
    width: 670px;
    height: 87px;
    border-radius: 13px;
    font-size: 33px;
    font-weight: 400;
    color: #FFFFFF;
}


/*直角边框按钮*/
.small-orth-border-button {
    width: 167px;
    height: 87px;
    background-color: #FFFFFF;
    border-radius: 7px;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
    font-size: 27px;
    font-weight: 400;
    color: #333333;
    box-sizing: border-box;
}



/*边框突出显示*/
.highlight-border {
    border-width: 1px;
    border-style: solid;
    border-color: #EB1C24;
    color: #EB1C24;
}

/*背景突出显示*/
.highlight-bg {
    background-color: rgba(235, 28, 36, 0.1);
    border-width: 1px;
    border-style: solid;
    border-color: #EB1C24;
    color: #EB1C24;
}


/*背景灰色显示*/
.grey-bg {
    background-color: #CDCDCD;
    color: #FFFFFF;
}

.test-button {
    width: 191px;
    height: 59px;
    background-color: #FFFFFF;
    border-width: 2px;
    border-style: solid;
    border-color: #E8E8E8;
    border-radius: 29px;
}


/*.linear-gradient-button{*/

/*}*/